技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
1
5
Modern Web
排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!
系列 第
1
篇
Day 00:[目錄] 排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!
13th鐵人賽
vue.js
tailwindcss
元件開發
兔兔教
搋兔
團隊
IT成長營
2021-09-02 00:11:02
5492 瀏覽
分享至
目錄
Day 1:「排版神器 Tailwind CSS?」 - 和兔兔一起快速上手漂亮的元件開發
Tailwind CSS 篇
Day 02:「Tailwind CSS?那好吃嗎?」- 淺談 Tailwind 的核心概念
Day 03:「開始乘風飛行!」- 樣式都不見了嗎?快用 Tailwind 輕鬆調整文字版式
Day 04:「當個方塊設計師」- 製作自己的方塊,改變大小並加上背景色彩及邊框
Day 05:「別過來!要保持社交距離!」- Tailwind 中的空間與距離
Day 06:「愛排隊的兔兔有紅蘿蔔!」- Flex 與 Grid
Day 07:「金魚模仿遊戲~」- 用 Tailwind 來對齊內容
Day 08:「兔老闆的文件」- 半透明的我及有陰影的你~
Day 09:「啊~不要碰我!我會變色~」- 變化模式 (Variants)
Day 10:「伸縮自如的,橡膠...」- 斷點 / RWD
Day 11:「動起來!動起來!」- 用 Tailwind 簡單做出過渡和動畫效果
Day 12:「我可不可以 CDN 就好?」- Tailwind 安裝及設定
Day 13:「誰還在背字典?」- Tailwind IntelliSense 插件
Day 14:「怎麼跟阿嬤的裹腳布一樣啦!」- 提取成元件
Day 15:「你真的不減肥嗎...?」- Tailwind 的生產環境優化
Day 16:「寶藏,都藏在那裡了!」- Tailwind JIT 模式
Vue 篇
Day 17:「我們,是好朋友哦~」- Vue 簡介
Day 18:「極速開發」- Vitawind
Day 19:「通通拿去做雞精啦!」- Vue SFC
Day 20:「資料拿來我就幫你改」- Vue 基礎觀念及常用語法
Day 21:「爸爸說,家裡要重新裝潢了」- 關於樣式的屬性綁定講解
Day 22:「您好,歡迎登入 Vuta 奇幻世界」- 事件處理
Day 23:「兒子,這是你的零用錢」- 元件間的資料傳遞
Day 24:「Switch 也要換遊戲片啦~」- Slot 插槽
元件開發篇
Day 25:「好慢喔,下載多少了?」- 進度條
Day 26:「按鈕博物館」- 輕鬆變化各種按鈕元件
Day 27:「流浪到淡水!」- 手風琴選單
Day 28:「今天幾月幾號啊?」- 簡易日曆
Day 29:「欸!你填一下這張表!」- 彈跳視窗、Modal
Day 30:「很刺眼,這樣太亮了啦!」- 深色模式切換開關
後記
敬請期待
關於兔兔們:
Tailwind CSS 臺灣官網
Tailwind CSS 臺灣
(臉書粉絲專頁)
兔兔教 × Tailwind CSS Taiwan
(臉書社群)
兔兔教大本營
留言
追蹤
檢舉
下一篇
Day 01:「排版神器 Tailwind CSS?」 - 和兔兔一起快速上手漂亮的元件開發
系列文
排版神器 Tailwind CSS~和兔兔一起快速上手漂亮的元件開發!
共
32
篇
目錄
RSS系列文
訂閱系列文
178
人訂閱
28
Day 27:「流浪到淡水!」- 手風琴選單
29
Day 28:「今天幾月幾號啊?」- 簡易日曆
30
Day 29:「欸!你填一下這張表!」- 彈跳視窗、Modal
31
Day 30:「很刺眼,這樣太亮了啦!」- 深色模式切換開關
32
Day 31:「不夠吃了...哪裡還有紅蘿蔔?」- Tailwind 和 Vue 的資源分享
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
22195
篇
完賽人數
600
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
fortigate續約
家中獨有一台設備wifi會斷斷續續
主機型號:ASUS BP5275 ,如何拆下內接硬碟
A機 ESXi (主機板故障) 可用什麼方式完整還原到B機上 ?
新手報到 - 文章被下架
Synology NAS、VMware、Veeam 技術支援
Fortigate Let's encrypt憑證開啟http&https
話機型號:Panasonic KX-T7665,速撥大陸常打不通
抱歉 眼幹 問題已解決
兩端防火牆使用IPSEC互PING之問題
熱門回答
主機型號:ASUS BP5275 ,如何拆下內接硬碟
HeidiSQL 查詢結果亂碼問題
家中獨有一台設備wifi會斷斷續續
話機型號:Panasonic KX-T7665,速撥大陸常打不通
Fortigate Let's encrypt憑證開啟http&https
熱門文章
每日一篇學習筆記 直到我做完專題 :( [Day27]
公司網站被竄改內容怎麼辦?
每日一篇學習筆記 直到我做完專題 :( [Day28]
哪種安裝方法適合Python 初學者?
爬蟲系列-Python 爬蟲環境準備+基礎爬蟲教學
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}